* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  box-sizing: border-box;
}

.container {
  background-color: #f3f6f9;
  overflow: hidden;
}

main {
  width: 100%;
  height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;

}

@font-face {
  font-family: 'Playball';
  src: url(../font/Playball-Regular.woff2);
}

main h1 {
  padding: 0 1rem;
  font-size: 7rem;
  background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
  -webkit-background-clip: text;
  /*截取背景区域为文字*/
  color: transparent;
  background-size: 300% 100%;
  /*扩大背景区域*/
  animation: text 5s infinite linear;

  font-family: Playball;
}

@keyframes text {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -150% 0;
  }
}

footer {
  width: 100%;
  height: 10vh;
  /* position: fixed;
  bottom: 0; */
  color: #369;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

footer a {
  color: #369;
}

footer #showdate,
footer a {
  font-weight: 700;
  color: #123;
}

footer p:nth-child(2) a {
  font-weight: 500;
  color: #123456;
}


@media screen and (max-width:750px) {


  main h1 {
    font-size: 4rem;
  }




}